<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<script src="${ctx}/resources/plugin/ratyli/jquery.ratyli.js"></script>
<script type="text/javascript">
        $(function(){
            $("#country_list tr:gt(0)").click(function(){
 	    	   if($(this).find(":radio").attr("checked")=="checked"){
 	    		     $(this).find(":radio").attr("checked",false);
 		    	   }else{
 		             $(this).find(":radio").attr("checked",true);
 		    	   }
            });
        });
    </script>
<!-- 顶部模块[如：功能按钮、搜索面板] -->
<div class="bjui-pageHeader" style="background: #FFF;">
	<form id="pagerForm" data-toggle="ajaxsearch" 
		action="${ctx}/bus/countryAction/doList" method="post">
		<input type="hidden" name="pageSize" value="${pageResult.pageSize}">
		<input type="hidden" name="pageCurrent" value="${pageResult.pageCurrent}"> 
		<input type="hidden" name="orderField" value="${pageResult.orderField}">
		<input type="hidden" name="orderDirection" value="${pageResult.orderDirection}">
		<div style="margin-top: 5px;">
			<!-- 刷新按钮-->
			<button class="btn btn-orange" data-icon="refresh">刷新</button> 	
			<!-- 添加按钮-->
			<shiro:hasPermission name="countryAdd">
		   	<a href="${ctx}/bus/countryAction/toAdd" class="btn btn-green" data-icon="plus" data-toggle="dialog" data-width="800" data-height="400" data-id="dialog-user" data-mask="true">添加</a>
		   	</shiro:hasPermission>
		   	<!-- 编辑按钮-->
		   	<shiro:hasPermission name="countryEdit">
		   	<a href="${ctx}/bus/countryAction/doEdit?id={#bjui-selected}" class="btn btn-blue" data-icon="edit" data-toggle="dialog" data-width="800" data-height="400" data-id="dialog-user" data-mask="true">编辑</a>
		   	</shiro:hasPermission>
		    <!-- 删除按钮-->
	 	   	<shiro:hasPermission name="countryDel">
		   	<a href="${ctx}/bus/countryAction/doDel?id={#bjui-selected}" class="btn btn-red" data-toggle="doajax" data-confirm-msg="确定要删除选中记录吗？" data-icon="remove">删除</a>
		   	</shiro:hasPermission> 
		</div>
		<hr style="margin-top: 5px; margin-bottom: 5px">
		<div style="margin-bottom: 5px">
			<label>国家中文名称：
				<input id="countryCnName" type="text" value="${pageResult.ext.countryCnName }" name="countryCnName" placeholder="请输入国家中文名称" style="width: 140px;"  />
			</label> 
			<label>国家英文名称：
				<input id="countryEnName" type="text" value="${pageResult.ext.countryEnName }" name="countryEnName" placeholder="请输入国家英文名称" style="width: 140px;"  />
			</label> 
			<label>国家编码：
				<input id="countryCode" type="text" value="${pageResult.ext.countryCode }" name="countryCode" placeholder="请输入国家编码" style="width: 140px;"  />
			</label> 
			<button class="btn-default" data-icon="search">查询</button>
		</div>
	</form>
</div>
<!-- 内容区 -->
<div class="bjui-pageContent tableContent" id="country_list">
	<table id="doc-datagrid-table" 
		class="table table-bordered table-hover table-striped table-top">
		<thead>
			<tr class="m_th_row">
				<th>选择</th>
				<th>国家中文名称</th>
				<th>国家英文名称</th>
				<th>国家编码</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${pageResult.list}" var="u">
				<tr data-id="${u.id}" class="m_th_row">
					<td><input name="country_list" type="radio" class="country_list" /></td>
					<td>${u.countryCnName} </td>
					<td>${u.countryEnName}</td>
					<td>${u.countryCode}</td>
				</tr>
			</c:forEach>

		</tbody>
	</table>
</div>
<!-- 底部模块[如：工具条、分页组件]  -->
<div class="bjui-pageFooter">
	<div class="pages">
		<span>每页 </span>
		<div class="selectPagesize">
			<select data-toggle="selectpicker"
				data-toggle-change="changepagesize">
				<option value="10">10</option>
				<option value="30">30</option>
				<option value="60">60</option>
				<option value="100">100</option>
			</select>
		</div>
		<span> 条，共 ${pageResult.total} 条</span>
	</div>
	<div class="pagination-box" data-toggle="pagination"
		data-total="${pageResult.total}"
		data-page-size="${pageResult.pageSize}"
		data-page-current="${pageResult.pageCurrent}"></div>
</div>

